<!--
 * @Author: chenxuan
 * @Date: 2021-09-23 09:04:52
 * @LastEditTime: 2023-10-18 15:56:22
 * @LastEditors: chenxuan
-->
<!DOCTYPE html>
<html>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1" />
<title>WebTools-Web开发者素材</title>
<meta name="keywords" content="vue,react,组件，插件,模板，echarts,数据可视化,微前端,后台管理系统,免费下载">
<meta name="description" content="提供vue/react/组件,插件,echarts数据可视化、后台管理系统模板免费下载,微前端解决方案">
<link rel="icon" href="./static/images/logo.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./static/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="./static/css/animate.css"/>
<link rel="stylesheet" type="text/css" href="./static/css/main.css"/>
</head>
<body>
    <ul class="nav">
        <a href="#1F">01车联网可视化(8)</a>
        <a href="#2F">02智慧农业(2)</a>
        <a href="#3F">03交通大数据可视化(3)</a>
        <a href="#4F">04物流大数据可视化(8)</a>
        <a href="#5F">05电子商务数据可视化(4)</a>
        <a href="#6F">06政务可视化(13)</a>
        <a href="#7F">07通用数据可视化(8)</a>
        <a href="#8F">08大数据可视化(5)</a>
        <a href="#9F">09其他(15)</a>
        <a href="#10F">10页面布局模板(11)</a>
    </ul>
    <!-- <a href="https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-21753976784.2.1db83e6cW5gpAh&id=654294629905" target="_blank" title="数据可视化模板源码" class="giveMoney"></a> -->
    <div class="main zoomIn a-time2">
        <div class="unitContainer">
            <h1 id="1F">01车联网可视化</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/01/index.html' target="_blank">
                <p>北斗车联网大数据服务平台</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/01.png" alt="北斗车联网大数据服务平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/02/index.html' target="_blank">
                <p>重点营运车辆监控与预警</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/02.png" alt="重点营运车辆监控与预警">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/03/index.html' target="_blank">
                <p>省级联网联控大数据服务平台</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/03.png" alt="省级联网联控大数据服务平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/04/index.html' target="_blank">
                <p>中山北斗公共运行平台</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/04.png" alt="中山北斗公共运行平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/05/index.html' target="_blank">
                <p>北斗车联网大数据服务平台</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/05.png" alt="北斗车联网大数据服务平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/06/index.html' target="_blank">
                <p>新能源车联网综合大数据平台</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/06.png" alt="新能源车联网综合大数据平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/07/index.html' target="_blank">
                <p>车辆综合管理平台</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/07.png" alt="车辆综合管理平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/08/index.html' target="_blank">
                <p>新能源车联网综合大数据平台</p>
                <img class="zt-img" src="./resource/html/01vehicles/images/08.png" alt="车辆综合管理平台">
            </a>
        </div>
         <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="unitContainer">
            <h1 id="2F">02智慧农业</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/02agriculture/01/index.html' target="_blank">
                <p>某茶园可视化监控1</p>
                <img class="zt-img" src="./resource/html/02agriculture/images/01.png" alt="某茶园可视化监控1">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/02agriculture/02/index.html' target="_blank">
                <p>某茶园可视化监控2</p>
                <img class="zt-img" src="./resource/html/02agriculture/images/02.png" alt="某茶园可视化监控2">
            </a>
        </div>
        <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="unitContainer">
            <h1 id="3F">03交通大数据可视化</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/03traffic/01/index.html' target="_blank">
                <p>晋城高速管控大数据平台</p>
                <img class="zt-img" src="./resource/html/03traffic/images/01.png" alt="晋城高速管控大数据平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/03traffic/02/index.html' target="_blank">
                <p >某生产建设兵团交通运输局</p>
                <img class="zt-img" src="./resource/html/03traffic/images/02.png" alt="某生产建设兵团交通运输局">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/03traffic/03/index.html' target="_blank">
                <p >北斗自由流收费管理平台</p>
                <img class="zt-img" src="./resource/html/03traffic/images/03.png" alt="北斗自由流收费管理平台">
            </a>
        </div>
        <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="unitContainer">
            <h1 id="4F">04物流大数据可视化</h1> 
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/01/index.html' target="_blank">
                <p>物流大数据平台</p>
                <img class="zt-img" src="./resource/html/04logistics/images/01.png" alt="物流大数据平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/survey.html' target="_blank">
                <p>物流大数据展示系统1</p>
                <img class="zt-img" src="./resource/html/04logistics/images/02-1.png" alt="物流大数据展示系统">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/bigdata.html' target="_blank">
                <p>物流大数据展示系统2</p>
                <img class="zt-img" src="./resource/html/04logistics/images/02-2.png" alt="物流大数据展示系统">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/index2.html' target="_blank">
                <p>物流大数据展示系统3</p>
                <img class="zt-img" src="./resource/html/04logistics/images/02-3.png" alt="物流大数据展示系统">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/index3.html' target="_blank">
                <p>物流大数据展示系统4</p>
                <img class="zt-img" src="./resource/html/04logistics/images/02-4.png" alt="物流大数据展示系统">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/03/index.html' target="_blank">
                <p>物流大数据服务平台</p>
                <img class="zt-img" src="./resource/html/04logistics/images/03.png" alt="物流大数据服务平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/04/index.html' target="_blank">
                <p>智慧物流服务中心</p>
                <img class="zt-img" src="./resource/html/04logistics/images/04.png" alt="智慧物流服务中心">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/05/index.html' target="_blank">
                <p>物流云数据看板平台</p>
                <img class="zt-img" src="./resource/html/04logistics/images/05.png" alt="物流云数据看板平台">
            </a>
        </div>
        <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="unitContainer">
            <h1 id="5F">05电子商务数据可视化</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/01/index.html' target="_blank">
                <p>广西电子商务公共服务平台大数据中心</p>
                <img class="zt-img" src="./resource/html/05Ecommerce/images/01.png" alt="广西电子商务公共服务平台大数据中心">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/02/index.html' target="_blank">
                <p>全国图书零售监测数据</p>
                <img class="zt-img" src="./resource/html/05Ecommerce/images/02.png" alt="全国图书零售监测数据">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/03/index.html' target="_blank">
                <p>某品牌销售数据</p>
                <img class="zt-img" src="./resource/html/05Ecommerce/images/03.png" alt="某品牌销售数据">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/04/index.html' target="_blank">
                <p>某品牌门店销售数据</p>
                <img class="zt-img" src="./resource/html/05Ecommerce/images/04.png" alt="某品牌门店销售数据">
            </a>
        </div>
        <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="unitContainer">
            <h1 id="6F">06政务可视化</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/01/index.html' target="_blank">
                <p>政务大数据共享交换平台</p>
                <img class="zt-img" src="./resource/html/06government/images/01.png" alt="政务大数据共享交换平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/activity.html' target="_blank">
                <p>康定市公安数据可视化1</p>
                <img class="zt-img" src="./resource/html/06government/images/02-1.png" alt="康定市公安数据可视化">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/people.html' target="_blank">
                <p>康定市公安数据可视化2</p>
                <img class="zt-img" src="./resource/html/06government/images/02-2.png" alt="康定市公安数据可视化">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/analysis.html' target="_blank">
                <p>康定市公安数据可视化3</p>
                <img class="zt-img" src="./resource/html/06government/images/02-3.png" alt="康定市公安数据可视化">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/activity.html' target="_blank">
                <p>康定市公安数据可视化4</p>
                <img class="zt-img" src="./resource/html/06government/images/02-4.png" alt="康定市公安数据可视化">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/traffic.html' target="_blank">
                <p>康定市公安数据可视化5</p>
                <img class="zt-img" src="./resource/html/06government/images/02-5.png" alt="康定市公安数据可视化">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/03/index.html' target="_blank">
                <p>智慧社区内网比对平台</p>
                <img class="zt-img" src="./resource/html/06government/images/03.png" alt="某品智慧社区内网比对平台牌门店销售数据">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/04/index.html' target="_blank">
                <p>某办税渠道运行状态大数据监控平台</p>
                <img class="zt-img" src="./resource/html/06government/images/04.png" alt="某办税渠道运行状态大数据监控平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/05/index.html' target="_blank">
                <p>湖南土地交易数据可视化</p>
                <img class="zt-img" src="./resource/html/06government/images/05.png" alt="湖南土地交易数据可视化">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/06/index.html' target="_blank">
                <p>大连市突发预警实时监控</p>
                <img class="zt-img" src="./resource/html/06government/images/06.png" alt="大连市突发预警实时监控">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/07/index.html' target="_blank">
                <p>公安综合监控大屏</p>
                <img class="zt-img" src="./resource/html/06government/images/07.png" alt="公安综合监控大屏">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/08/index.html' target="_blank">
                <p>枫桥镇惠民服务平台</p>
                <img class="zt-img" src="./resource/html/06government/images/08.png" alt="枫桥镇惠民服务平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/09/index.html' target="_blank">
                <p>上海警务综合管理平台</p>
                <img class="zt-img" src="./resource/html/06government/images/09.png" alt="上海警务综合管理平台">
            </a>
        </div>
        <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="unitContainer">
            <h1 id="7F">07通用数据可视化</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/01/index.html' target="_blank">
                <p>模板1</p>
                <img class="zt-img" src="./resource/html/07universal/images/01.png" alt="模板">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/02/index.html' target="_blank">
                <p>模板2</p>
                <img class="zt-img" src="./resource/html/07universal/images/02.png" alt="模板">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/03/index.html' target="_blank">
                <p>模板3</p>
                <img class="zt-img" src="./resource/html/07universal/images/03.png" alt="模板">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/04/index.html' target="_blank">
                <p>模板4</p>
                <img class="zt-img" src="./resource/html/07universal/images/04.png" alt="模板">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/05/index.html' target="_blank">
                <p>模板5</p>
                <img class="zt-img" src="./resource/html/07universal/images/05.png" alt="模板">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/06/index.html' target="_blank">
                <p>模板6</p>
                <img class="zt-img" src="./resource/html/07universal/images/06.png" alt="模板">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/07/index.html' target="_blank">
                <p>模板7</p>
                <img class="zt-img" src="./resource/html/07universal/images/07.png" alt="模板7">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/08/index.html' target="_blank">
                <p>模板8</p>
                <img class="zt-img" src="./resource/html/07universal/images/08.png" alt="模板8">
            </a>
        </div>
         <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="unitContainer">
            <h1 id="8F">08大数据可视化</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/01/index.html' target="_blank">
                <p>大数据分析系统</p>
                <img class="zt-img" src="./resource/html/08bigData/images/01.png" alt="大数据分析系统">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/02/index.html' target="_blank">
                <p>某公司大数据监控平台</p>
                <img class="zt-img" src="./resource/html/08bigData/images/02.png" alt="某公司大数据监控平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/03/index.html' target="_blank">
                <p>某服务大数据可视化监管平台</p>
                <img class="zt-img" src="./resource/html/08bigData/images/03.png" alt="某服务大数据可视化监管平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/04/index.html' target="_blank">
                <p>工程数据可视化</p>
                <img class="zt-img" src="./resource/html/08bigData/images/04.png" alt="工程数据可视化">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/05/index.html' target="_blank">
                <p>无线网络大数据平台</p>
                <img class="zt-img" src="./resource/html/08bigData/images/05.png" alt="无线网络大数据平台">
            </a>
        </div>
        <!-- ------------------------------------------------------------------------------------------------------- -->
    
        <div class="unitContainer">
            <h1 id="9F">09其他</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/01/index.html' target="_blank">
                <p>水质情况实时监测预警系统</p>
                <img class="zt-img" src="./resource/html/09others/images/01.png" alt="水质情况实时监测预警系统">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/02/index.html' target="_blank">
                <p>南方草牧商品交易所</p>
                <img class="zt-img" src="./resource/html/09others/images/02.png" alt="南方草牧商品交易所">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/03/index.html' target="_blank">
                <p>酒机运行状态监控</p>
                <img class="zt-img" src="./resource/html/09others/images/03.png" alt="酒机运行状态监控">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/04/index.html' target="_blank">
                <p>作战指挥室</p>
                <img class="zt-img" src="./resource/html/09others/images/04.png" alt="作战指挥室">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/05/index.html' target="_blank">
                <p>设备环境监测平台</p>
                <img class="zt-img" src="./resource/html/09others/images/05.png" alt="设备环境监测平台">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/06/index.html' target="_blank">
                <p>压力容器监管大屏</p>
                <img class="zt-img" src="./resource/html/09others/images/06.png" alt="压力容器监管大屏">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/07/index.html' target="_blank">
                <p>厅店营业效能分析</p>
                <img class="zt-img" src="./resource/html/09others/images/07.png" alt="厅店营业效能分析">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/08/index.html' target="_blank">
                <p>气象监控</p>
                <img class="zt-img" src="./resource/html/09others/images/08.png" alt="气象监控">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/09/views/trend.html' target="_blank">
                <p>传染病监控1</p>
                <img class="zt-img" src="./resource/html/09others/images/09-1.png" alt="传染病监控">
            </a> 
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/09/views/quota.html' target="_blank">
                <p>传染病监控2</p>
                <img class="zt-img" src="./resource/html/09others/images/09-2.png" alt="传染病监控">
            </a> 
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/09/views/index.html' target="_blank">
                <p>传染病监控3</p>
                <img class="zt-img" src="./resource/html/09others/images/09-3.png" alt="传染病监控">
            </a> 
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/10/index.html' target="_blank">
                <p>消防监控</p>
                <img class="zt-img" src="./resource/html/09others/images/10.png" alt="消防监控">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/11/index.html' target="_blank">
                <p>智慧小区</p>
                <img class="zt-img" src="./resource/html/09others/images/11.png" alt="智慧小区">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/12/index.html' target="_blank">
                <p>物联网</p>
                <img class="zt-img" src="./resource/html/09others/images/12.png" alt="物联网">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/13/index.html' target="_blank">
                <p>某集团大数据</p>
                <img class="zt-img" src="./resource/html/09others/images/13.png" alt="某集团大数据">
            </a>
           
        </div>

        <div class="unitContainer">
            <h1 id="10F">10页面布局模板</h1>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/01/index.html' target="_blank">
                <p>模板1</p>
                <img class="zt-img" src="./resource/html/10layout/images/01.png" alt="模板1">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/02/index.html' target="_blank">
                <p>模板2</p>
                <img class="zt-img" src="./resource/html/10layout/images/02.png" alt="模板2">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/03/index.html' target="_blank">
                <p>模板3</p>
                <img class="zt-img" src="./resource/html/10layout/images/03.png" alt="模板3">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/04/index.html' target="_blank">
                <p>模板4</p>
                <img class="zt-img" src="./resource/html/10layout/images/04.png" alt="模板4">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/05/index.html' target="_blank">
                <p>模板5</p>
                <img class="zt-img" src="./resource/html/10layout/images/05.png" alt="模板5">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/06/index.html' target="_blank">
                <p>模板6</p>
                <img class="zt-img" src="./resource/html/10layout/images/06.png" alt="模板6">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/07/index.html' target="_blank">
                <p>模板7</p>
                <img class="zt-img" src="./resource/html/10layout/images/07.png" alt="模板7">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/08/index.html' target="_blank">
                <p>模板8</p>
                <img class="zt-img" src="./resource/html/10layout/images/08.png" alt="模板8">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/09/views/trend.html' target="_blank">
                <p>模板9</p>
                <img class="zt-img" src="./resource/html/10layout/images/09.png" alt="模板9">
            </a> 
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/10/index.html' target="_blank">
                <p>模板10</p>
                <img class="zt-img" src="./resource/html/10layout/images/10.png" alt="模板10">
            </a>
            <a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/11/index.html' target="_blank">
                <p>模板11</p>
                <img class="zt-img" src="./resource/html/10layout/images/11.png" alt="模板11">
            </a>
        </div>
    </div>
    <script src="./static/js/devide.js"></script>
    <script src="./static/js/jquery-2.1.1.min.js"></script>
    <script>
        if(device.mobile() || device.tablet()){
            $('.nav').css('display','none');
            alert('亲，用电脑访问更帅哟!')
        }
        $('.zt-img-div').hover(function () {
            $(this).removeClass('rubberBand')
            $(this).addClass('shake')
        }, function () {
            $(this).removeClass('shake')
        })

        $('.zt-img-div').on('click', function () {
            $(this).children('p').attr('href') ? window.open($(this).children('p').attr('href')) : ''
        })
    </script>
    
</body>

</html>